"use client"

import { useEffect, useState } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

export default function MainContent() {
  const [greeting, setGreeting] = useState("")

  useEffect(() => {
    const hour = new Date().getHours()
    if (hour >= 5 && hour < 12) {
      setGreeting("早上好")
    } else if (hour >= 12 && hour < 18) {
      setGreeting("下午好")
    } else {
      setGreeting("晚上好")
    }
  }, [])

  return (
    <div className="space-y-6">
      <h1 className="text-3xl font-bold">{greeting}，欢迎使用AI辅导员系统</h1>

      <div className="max-w-3xl">
        <p className="text-muted-foreground mb-6">
          AI辅导员是一个智能服务平台，旨在为学生提供全面的学习和生活指导。通过本平台，您可以随时获取学习资源、课程安排、校园活动信息以及个人成长建议。
        </p>
      </div>

      <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
        <Card>
          <CardHeader>
            <CardTitle>学习资源</CardTitle>
          </CardHeader>
          <CardContent>
            <p>访问丰富的学习材料、教程和参考资源，提升学习效率。</p>
          </CardContent>
        </Card>

        <Card>
          <CardHeader>
            <CardTitle>咨询辅导</CardTitle>
          </CardHeader>
          <CardContent>
            <p>与AI辅导员交流，获取学业指导、职业规划和生活建议。</p>
          </CardContent>
        </Card>

        <Card>
          <CardHeader>
            <CardTitle>个人信息</CardTitle>
          </CardHeader>
          <CardContent>
            <p>查看和管理您的个人资料、学习进度和成绩表现。</p>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}